<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息展示</title>
    <style>
        #div1 {
            float: left;
            background-color:blanchedalmond;
            width: 100px;
            height: 500px;
        }

        #but1 {
            margin: 10px;
        }

        #but2 {
            margin: 10px;
        }

        #but3 {
            margin: 10px;
        }

        #but4 {
            margin: 10px;
        }

        #div2 {
            background-color: aquamarine;
            height: 100px;
            margin-left: 100px;
        }

        #div3 {
            margin-left: 100px;
            height: 400px;
            background-color: beige;
        }

        #table1 {
            margin-top: 30px;
            text-align: center;
        }
    </style>
    <script>
        window.onload=function () {
            setInterval(function () {
                getDate();
            },1000);
        }
        function getDate() {
            var gettime = document.getElementById("div0");
            var date=new Date();
            var year = date.getFullYear();
            var month = date.getMonth();
            var data = date.getDate();
            var hours = date.getHours();
            var minute = date.getMinutes();
            var second = date.getSeconds();
            var time = year+'-'+f(month+1)+'-'+f(data)+' '+f(hours)+':'+f(minute)+':'+f(second);
            gettime.innerHTML = time;
        }
        function f(str) {
            var num;
            str>=10?num=str:num='0'+str;
            return num;
        }
    </script>
</head>
<body>
<div id = "div0" style="margin-left: 90%"></div>
<div>
    <div id="div1" align="center">
        <form action="./login.html">
            <input type="button" id="but1" value="初级"><br>
            <input type="button" id="but2" value="中级"><br>
            <input type="button" id="but3" value="高级"><br>
            <input type="submit" id="but4" value="退出"><br>
        </form>
    </div>
    <div id="div2">

    </div>
    <div id="div3" align="center">
        <table id="table1" border="1" cellspacing="0" width="400px" height="100px">
            <br/>
            <tr>
                <th></th>
                <th>姓名</th>
                <th>项目</th>
                <th>成绩</th>
                <th>总分</th>
            </tr>
            <tr>
                <td>1</td>
                <td>小王</td>
                <td>单选</td>
                <td>10</td>
                <td rowspan="2">30</td>
            </tr>
            <tr>
                <td>2</td>
                <td>小王</td>
                <td>多选</td>
                <td>20</td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>